<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 注册页面 -->
    <div class="main">
        <!-- 密码登录 -->
        <a href="./login.html" class="link">密码登录</a>
        <!-- hold on -->
        <div class="hold">-hold on-</div>

        <div class="contain">
            <h3 class="regisTxt">手机号登录/注册</h3>
            <p class="regisp">快速找到好友, 一站式记录你的运动</p>
            <form action="./login.html" class="form">
                <!-- 电话 -->
                <div class="form-item">
                    <input id="phone" class="phone" type="text" placeholder="请输入手机号码">
                </div>
                <!-- 验证码 -->
                <div class="form-item">
                    <input id="authCode" class="authCode" type="text" placeholder="请输入验证码">
                    
                    <canvas class="auth" width="240" height="90" id="captcha1"></canvas>
                    
                </div>
                <!-- 密码 -->
                <div class="form-item">
                    <input id="psd" class="psd" type="password" placeholder="请输入密码">
                </div>
                <!-- 确认密码 -->
                <div class="form-item">
                    <input id="psddub2" class="psddubl" type="password" placeholder="请输入密码">
                </div>
                <!-- 注册账号 -->
                <div class="form-item">
                    <input id="submit" class="rg" type="button" value="注册账号" >
                </div>


            </form>
        </div>

    </div>
    <!-- 注册成功提示框 -->
    <div class="prompt">
        注册成功
        <div class="chacha iconfont icon-gougou"></div>

    </div>
    <!-- 注册失败提示框 -->
    <div class="defead">
        注册失败
        <div class="chacha iconfont icon-butongguodechacha
        "></div>

    </div>


</body>

</html>